<template>
  <div class="app-container">

    <h2 style="text-align: center;">发布新课程</h2>

    <el-steps :active="active" finish-status="success" simple style="margin-top: 20px">
      <el-step title="填写课程基本信息" icon="el-icon-edit"/>
      <el-step title="创建课程大纲" icon="el-icon-upload"/>
      <el-step title="发布课程" icon="el-icon-picture"/>
    </el-steps>
    <info v-if="active ===0" />
    <chapter v-if="active ===1" />
    <publish v-if="active ===2" />
  </div>
</template>

<script>
// 引入子组件
import Info from '@/views/course/components/Info'
import Chapter from '@/views/course/components/Chapter'
import Publish from '@/views/course/components/Publish'

export default {
  components: { Info, Chapter, Publish }, // 注册子组件
  data() {
    return {
      active: 0,
      courseId: null
    }
  },
  created() {
    // 获取路由id
    if (this.$route.params.id !== ':id') {
      this.courseId = this.$route.params.id
    }
  }
}
</script>
